<!DOCTYPE html>
<html>
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
    <title>智能填充H5测试</title>
</head>
<body>
<h4>智能填充H5测试</h4>
<!--The link of the form submission interface must be configured for the value of the action tag.-->
<form method="POST" action="">
    <label for="nickname" style="width: 90px; display: inline-block; text-align: end;">昵称:</label>
    <!--Smart fill is supported by configuring the autocomplete attribute.-->
    <input type="text" id="nickname" autocomplete="nickname"/><br/><br/>
    <label for="name" style="width: 90px; display: inline-block; text-align: end;">姓名:</label>
    <input type="text" id="name" autocomplete="name"/><br/><br/>
    <label for="tel-national" style="width: 90px; display: inline-block; text-align: end;">手机号:</label>
    <input type="number" id="tel-national" autocomplete="tel-national"/><br/><br/>
    <label for="email" style="width: 90px; display: inline-block; text-align: end;">邮箱:</label>
    <input type="text" id="email" autocomplete="email"/><br/><br/>
    <label for="id-card-number" style="width: 90px; display: inline-block; text-align: end;">身份证号:</label>
    <input type="number" id="id-card-number" autocomplete="id-card-number"/><br/><br/>
    <label for="street-address" style="width: 90px; display: inline-block; text-align: end;">带街道地址:</label>
    <input type="text" id="street-address" autocomplete="street-address"/><br/><br/>
    <div align="center">
        <button type="submit" style="width: 80px">提交</button>
    </div>
</form>
</body>
</html>